<template>
    <div>
        <el-footer>
            <el-divider content-position="right" ><span class="web-footer-font">少壮不努力，老大徒伤悲</span></el-divider>
            <el-row :gutter="20">
                <el-col :span="16">
                    <div class="web-footer">
                        <div>
                            <span class="web-footer-font">友情链接:</span>
                            <el-link class="web-link" :underline="false" href="https://www.bilibili.com" target="_blank">bilibili</el-link>
                            <el-link class="web-link" :underline="false" href="https://www.csdn.net" target="_blank">csdn</el-link>
                            <el-link class="web-link" :underline="false" href="https://www.zhihu.com" target="_blank">知乎</el-link>
                            <el-link class="web-link" :underline="false" href="https://www.baidu.com" target="_blank">百度</el-link>
                        </div>
                        <div class="web-footer-distance">
                            <span class="web-footer-font">博主邮箱:</span>
                            <span class="web-footer-font">boofie@163.com</span>
                        </div>
                        <div class="web-footer-distance">
                            <span class="web-footer-font">版权说明:</span>
                            <span class="web-footer-font">未经博主许可禁止转载</span>
                        </div>
                        <div class="web-footer-distance">
                            <span class="web-footer-font">网站备案:</span>
                            <span class="web-footer-font">浙公网安备 33010602011722号</span>
                        </div>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="web-footer">
                        <el-image class="web-bar" :src="require('@/assets/imgs/wechat.png')" fit="cover"></el-image>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="web-footer">
                        <el-image class="web-bar" :src="require('@/assets/imgs/qq.png')" fit="cover"></el-image>
                    </div>
                </el-col>
            </el-row>
            <el-divider></el-divider>
        </el-footer>
    </div>
</template>

<script>
    export default {
        name: "Footer"
    }
</script>

<style scoped>

</style>
